<!-- Created Time:23/07/18 14:44:52 -->
<!-- Created By: Mande.Huang-->
<!-- Description: -->
<template>
  <div class="folder-wrapper" v-if="$store.state.showDesktopIcons">
    <div v-for="(folder, key) in this.$store.getters.getInstalledApps" :key="key">
      <FolderButton :icon="folder.icon" :title="folder.title" :path="folder.path"></FolderButton>
    </div>
  </div>
</template>

<script>
import FolderButton from "./FolderButton.vue";
export default {
  name: "FolderList",
  components: { FolderButton },
  data() {
    return {

    }
  },
  created() {
  },
  mounted() {

  }
}
</script>
<style lang="scss" scoped>
/* @import url(); 引入css类 */
.folder-wrapper {
  width: max-content;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 5px;
}
</style>